<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<div th:fragment="header">
<body class="mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-blue mdui-loaded mdui-drawer-body-left" id="top">
<header class="mdui-appbar-fixed mdui-appbar">
    <div class="mdui-toolbar mdui-color-white">
        <span class="mdui-btn mdui-btn-icon mdui-ripple" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
        <span class="mdui-typo-headline mdui-hidden-xs"></span>
        <span class="mdui-typo-title">后台管理</span>
        <div class="mdui-toolbar-spacer"></div>
        <button id="change_style" mdui-tooltip="{content: '夜间模式', position: 'bottom'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe3a9;</i></button>
        <button class="mdui-btn mdui-btn-icon" mdui-menu="{target: '#menu'}"><i class="mdui-icon material-icons">more_vert</i></button>
        <ul class="mdui-menu" id="menu">
            <li class="mdui-menu-item">
                <a href="/admin/loginlog" class="mdui-ripple"><svg class="mdui-icon mdui-m-r-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" /></svg>登录日志</a>
            </li>
            <li class="mdui-menu-item">
                <a href="/admin/password" class="mdui-ripple"><i class="mdui-menu-item-icon mdui-icon material-icons">https</i>修改密码</a>
            </li>
            <li class="mdui-menu-item">
                <a class="mdui-ripple" id="exit_login"><i class="mdui-menu-item-icon mdui-icon material-icons">exit_to_app</i>退出登录</a>
            </li>
        </ul>
    </div>
</header>

<div class="mc-drawer mdui-drawer mdui-drawer-close" id="main-drawer">
    <ul class="mdui-list mdui-p-b-5">
        <li class="mdui-list-item mdui-ripple index" onclick="location='/admin'">
            <i class="mdui-list-item-icon mdui-icon material-icons">dashboard</i>
            <div class="mdui-list-item-content">仪表盘</div>
        </li>

        <li class="mdui-list-item mdui-ripple" onclick="location='/'">
            <i class="mdui-list-item-icon mdui-icon material-icons">flag</i>
            <div class="mdui-list-item-content">访问前台</div>
        </li>

        <li class="mdui-list-item mdui-ripple websetting" onclick="location='/admin/websetting'">
            <i class="mdui-list-item-icon mdui-icon material-icons">settings</i>
            <div class="mdui-list-item-content">网站配置</div>
        </li>

        <li class="mdui-list-item mdui-ripple access_log" onclick="location='/admin/log'">
            <i class="mdui-list-item-icon mdui-icon material-icons">insert_drive_file</i>
            <div class="mdui-list-item-content">访问日志</div>
        </li>

        <li class="mdui-list-item mdui-ripple add" onclick="location='/admin/addapi'">
            <i class="mdui-list-item-icon mdui-icon material-icons">add</i>
            <div class="mdui-list-item-content">添加接口</div>
        </li>

        <li class="mdui-list-item mdui-ripple control" onclick="location='/admin/controlapi'">
            <i class="mdui-list-item-icon mdui-icon material-icons">apps</i>
            <div class="mdui-list-item-content">管理接口</div>
        </li>

    </ul>

</div>
</div>